<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta content="" name="description" />
    <meta content="webthemez" name="author" />
    <title>Bootstrap Admin Theme</title>
	<!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
	
    <link href="assets/css/select2.min.css" rel="stylesheet" >
	<link href="assets/css/checkbox3.min.css" rel="stylesheet" >
        <!-- Custom Styles-->
   <!-- <link href="assets/css/custom-styles.css" rel="stylesheet" />-->
     <!-- Google Fonts-->
   <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
   
        
        <!--/. NAV TOP  -->
        
    <div id="page-wrapper" >
    	<br /><br /><br />
    	<div style="left: 90%;position: relative;">
			<a href="#" class="btn btn-info">保存</a>
			<a href="#" class="btn btn-warning">查看示例</a>
		</div>
		 <div class="header"> 
	        <h1 class="page-header">
	            	员工福利 <small>员工个人</small>
	        </h1>
	        
		</div>
		
		
           <!-- <div id="page-inner"> -->
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="card-title">
                                        <div class="title">基本信息</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="card-title">
                                        <div class="title">
                                        	<div class="panel panel-default">
                        <!--<div class="panel-heading">
                            Basic Table
                        </div>-->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table">
                                  
                                        <tr>
                                            <td style="text-align: right;">
                                            	报账人：
                                            </td>
                                            <td>
                                            	<input type="search" class="form-control input-sm" aria-controls="dataTables-example" placeholder="">
                                            </td>
                                            
                                            <td style="text-align: right;">
                                            	报账单位名称：
                                            </td>
                                            <td>
		                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                                            </td>
                                            <td style="text-align: right;">报账人电话：</td>
                                            <td>
		                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right;">
                                            	预算指标：
                                            </td>
                                            <td>
                                            	<input type="search" class="form-control input-sm" aria-controls="dataTables-example" placeholder="">
                                            </td>
                                            
                                            <td style="text-align: right;">
                                            	报账时间：
                                            </td>
                                            <td>
		                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                                            </td style="text-align: right;">
                                            <td style="text-align: right;">费用发生日：</td>
                                            <td>
		                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                                            </td>
                                        </tr>
                                       <tr>
                                            <td style="text-align: right;">
                                            	报账单号：
                                            </td>
                                            <td>
                                            	<input type="search" class="form-control input-sm" aria-controls="dataTables-example" placeholder="">
                                            </td>
                                            
                                            <td style="text-align: right;">
                                            	公司代码：
                                            </td>
                                            <td>
		                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                                            </td>
                                            <td style="text-align: right;">发票类型：</td>
                                            <td>
		                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                                            </td>
                                        </tr>
                                         <tr >
                                            <td style="text-align: right;">
                                            	附单据张数：
                                            </td>
                                            <td colspan="3">
                                            	<input type="search" class="form-control input-sm" aria-controls="dataTables-example" placeholder="">
                                            </td>
                                        </tr>
                                      <tr>
                                            <td style="text-align: right;">
                                            	报账说明：
                                            </td>
                                            <td colspan="5">
                                            	<input type="search" class="form-control input-sm" aria-controls="dataTables-example" placeholder="">
                                            </td>
                                        </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                                        	
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-body">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="card-title">
                                        <div class="title">差旅明细</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                     <div class="row">
                        <div class="col-xs-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="card-title">
                                        <div class="title">
                                        	<div class="panel panel-default">
						                        <!--<div class="panel-heading">
						                            Kitchen Sink
						                        </div>-->
						                        <div class="panel-body">
						                            <div class="table-responsive">
						                                <table class="table table-striped table-bordered table-hover">
						                                    <thead>
						                                        <tr>
						                                            <th>出差日期</th>
						                                  			<th>出差区间</th>
						                                  			<th>人数</th>
						                                  			<th>天数</th>
						                                  			<th>伙食补贴费</th>
						                                  			<th>城市间交通费</th>
						                                  			<th>市内交通费</th>
						                                  			<th>住宿费</th>
						                                  			<th>进项税</th>
						                                  			<th>其他费用</th>
						                                  			<th>金额总计</th>
						                                  			<th>活动预算</th>
						                                  			<th>预算责任中心</th>
						                                  			<th>记账成本中心</th>
						                                        </tr>
						                                    </thead>
						                                    <tbody>
						                                       <tr>
						                                            <td style="text-align: right;">
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入时间">
						                                            	 
						                                            </td>
						                                            <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="出差区间">
						                                            	 
						                                            </td>
						                                            
						                                            <td style="text-align: right;">
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="人数">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="天数">
						                                            </td>
						                                            <td style="text-align: right;">
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder=" 伙食补贴费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="城市间交通费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="市内交通费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="住宿费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="J进项税">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="其他费用">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="金额总计">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="活动预算">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="预算责任中心">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="记账成本中心">
						                                            </td>
						                                        </tr>
                                      							 <tr>
						                                            <td style="text-align: right;">
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入时间">
						                                            	 
						                                            </td>
						                                            <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="出差区间">
						                                            	 
						                                            </td>
						                                            
						                                            <td style="text-align: right;">
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="人数">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="天数">
						                                            </td>
						                                            <td style="text-align: right;">
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder=" 伙食补贴费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="城市间交通费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="市内交通费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="住宿费">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="J进项税">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="其他费用">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="金额总计">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="活动预算">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="预算责任中心">
						                                            </td>
						                                            <td>
								                                       <input type="text" class="form-control" id="exampleInputName2" placeholder="记账成本中心">
						                                            </td>
						                                        </tr>
                                       
						                                    </tbody>
						                                </table>
						                            </div>
						                        </div>
						                    </div>
						                                        	
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-body">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="card-title">
                                        <div class="title">其他</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="card-title">
                                        <div class="title">
                                        	<!--选项卡-->
                                        	<div class="panel panel-default">
                        <div class="panel-heading">
                            Basic Tabs
                        </div>
                        <div class="panel-body">
                            <ul class="nav nav-tabs">
                                <li class=""><a href="#home" data-toggle="tab" aria-expanded="false">内部人信息</a>
                                </li>
                                <li class="active"><a href="#profile" data-toggle="tab" aria-expanded="true">报账单影像</a>
                                
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane fade" id="home">
                                    
                                   
                                        	 <!--表格-->
                                        	<div class="panel panel-default">
						                     <!--   <div class="panel-heading">
						                            Bordered Table
						                        </div>-->
						                       
						                        <!-- /.panel-heading -->
						                        <div class="panel-body">
						                            <div class="table-responsive table-bordered">
						                                <table class="table">
						                                    <thead>
						                                        <tr>
						                                            <th>序号</th>
						                                            <th>收款人</th>
						                                            <th>所属部门</th>
						                                            <th>员工编号</th>
						                                            <th>收款类型</th>
						                                            <th>公司名称</th>
						                                            <th>开户行</th>
						                                            <th>银行账号</th>
						                                            <th>所属 银行</th>
						                                            <th>金额</th>
						                                        </tr>
						                                    </thead>
						                                    <tbody>
						                                        <tr>
																	 <td>1</td>
						                                            <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="收款人姓名">
						                                            	 
						                                            </td>
						                                            
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="所属部门">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="员工编号">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="收款类型">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="公司名称">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="开户行">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="银行账号">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="所属银行">
						                                            	 
						                                            </td>
						                                             <td>
						                                            	 <input type="text" class="form-control" id="exampleInputName2" placeholder="金额">
						                                            	 
						                                            </td>
						                                            
						                                        </tr>
						                                       
						                                    </tbody>
						                                </table>
						                            </div>
						                        </div>
						                    </div>
                                        	<!--
                                            	作者：1049794100@qq.com
                                            	时间：2018-01-04
                                            	描述：表格
                                            --> 
                                </div>
                                <div class="tab-pane fade active in" id="profile">
                                	<div></div>
                                	&nbsp;&nbsp;
                                	<div style="margin-left: 1%;">
                                		<button type="button" class="btn btn-success btn-circle"><i class="fa fa-link"></i>
                           			 </button>
                                	</div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
               
			</div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
       
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
      <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
	<script src="assets/js/select2.full.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
	  $(".selectbox").select2();
	});
	</script>
      <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script> 
	
		
   
</body>
</html>
